<div id="text-logo-dragable-menu">
	<table class="table table-center bg-white table-border-black">
		<tr class="success">
			<td class="title bg-draw-blue color-white" colspan=2><?=$this->lang->line('logo_toolbox_title');?></td>
		</tr>
		<tr class="error">
			<td>				
				<div class="btn-toolbar">
					<div class="btn-group">
						<div id="divText" style="float:left;" ><?=$this->lang->line('value_text');?></div> 
						<!--<div style="margin-left:40px;border:1px solid black; width:240px;height:100px;overflow:scroll;text-align:left;" cols="50" id="area-text-logo"></div>-->	
						<textarea style="border:1px solid black; width:240px;height:100px;overflow:scroll;text-align:left;" id="area-text-logo">
						</textarea>			
						<input type="button" class="submit-input-text" value="Submit">
					</div>
				</div>
			</td>			
		</tr>
		<tr>
			<td style="text-align:left;">				
				<table cellspacing ="0" cellpadding="0" style="border:0px background-color: #cee3ff; margin: 6px 6px 6px 6px; width:96%">
					<tr>
						<td id="areaBoldText" align="left" style="border:0px">
							<img id="btnBoldTextLogo" src="<?=base_url()?>assets/css/images/text_bold.png" style="height: 22px; width: 23px; border-width: 1px; border-style: solid; border-color: rgb(128, 128, 255);"/>
						</td>
						<td id="areaItalicText" align="left" style="border:0px">
							<img id="btnItalicTextLogo" src="<?=base_url()?>assets/css/images/text_italic.png" style="height: 22px; width: 23px; border-width: 1px; border-style: solid; border-color: rgb(128, 128, 255);"/>
						</td>
						<td id="areaUnderlineText" align="left" style="border:0px">
							<img id="btnUnderlineTextLogo" src="<?=base_url()?>assets/css/images/text_under.png" style="height: 22px; width: 23px; border-width: 1px; border-style: solid; border-color: rgb(128, 128, 255);"/>
						</td>
						<td align="left" style="border:0px">
							<select id="chooseShad" style="margin-bottom:5px;">
								<option value="noShadow"><?=$this->lang->line('drop_shadow');?></option>  
								<option value="dropShadow"><?=$this->lang->line('drop_shadow');?></option>  
								<option value="blockShadow"><?=$this->lang->line('block_shadow');?></option>  
								<option value="outlineBlock"><?=$this->lang->line('outline_block');?></option>  
								<option value="floating"><?=$this->lang->line('floating');?></option>  
								<option value="depression"><?=$this->lang->line('depression');?></option>  
							</select>
						</td>
					</tr>
					<tr>
						<td align="center" colspan="4" style="border:0px; width:100%;">
							<table cellspacing ="0" cellpadding="0" style="border:0px; width:100px;">
								<tr>
									<td style="border:0px">
										<select id="fontStyle" style="margin-bottom:5px;">
											<option value="Arial">Arial</option> 
											<option value="Comic Sans MS">Comic Sans MS</option> 
										</select>
									</td>
									<td style="border:0px">
										<select id="fontSize" style="margin-bottom:5px;width:70px">
											<option value="10">10px</option> 
											<option value="11">11px</option> 
											<option value="12">12px</option> 
											<option value="14">14px</option> 
											<option value="17">17px</option> 
											<option value="20">20px</option> 
											<option value="24">24px</option> 
											<option value="26">26px</option> 
											<option value="28">28px</option> 
											<option value="30">30px</option> 
											<option value="34">34px</option> 
											<option value="38">38px</option> 
											<option value="42">42px</option> 
											<option value="48">48px</option> 
											<option value="52">52px</option> 
											<option value="58">58px</option> 
											<option value="62">62px</option> 
											<option value="68">68px</option> 
											<option value="72">72px</option> 
											<option value="78">78px</option> 
											<option value="82">82px</option> 
											<option value="88">88px</option> 
											<option value="96">96px</option> 
											<option value="108">108px</option> 
										</select>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table width="100%">
					<tr>
						<td style="border:none; width:30%;">
								
							<!--<div id="colorText1"></div>-->
							<label style="border:none;" id="colorText1"><?=$this->lang->line('color_text');?><br>1<br></label>
						</td>
						<td style="border:none; width:40%;">
							<?=$this->lang->line('value_background');?><br><?=$this->lang->line('value_color');?><br>1<br>
							<input type="text" id="textBackground1" style="" >
							<!--<input type="button" class="submit-text1" value="submit">-->
						</td>
						<td style="border:none; width:30%;">
							 
							<label style="border:none;" id="colorShadow"><?=$this->lang->line('color_of');?><br><?=$this->lang->line('shadow');?><br></label>
						</td>
					</tr>
					<tr>
						<td style="border:none; width:30%;"> 
							<label style="border:none;" id="colorText2"><?=$this->lang->line('color_text');?><br>2<br></label>
						</td>
						<td style="border:none; width:40%;">
							
							<!--<div id="colorBackground2"></div>-->
							<label style="border:none;" id="colorBackground2"><?=$this->lang->line('value_background');?><br><?=$this->lang->line('value_color');?><br>2<br></label>
						</td>
						<td style="border:none; width:30%;">
							<?=$this->lang->line('width_of');?><br><?=$this->lang->line('shadow');?><br>
							<select id="chooseWidthShad" style="margin-bottom:5px;width:70px">
								<option value=0>0</option>
								<option value=1>1</option>
								<option value=2>2</option>
								<option value=3>3</option>
								<option value=4>4</option>
								<option value=5>5</option>
								<option value=6>6</option>
								<option value=7>7</option>
								<option value=8>8</option>
								<option value=9>9</option>
								<option value=10>10</option>
								<option value=11>11</option>
								<option value=12>12</option>
								<option value=13>13</option>
								<option value=14>14</option>
								<option value=15>15</option>
								<option value=16>16</option>
								<option value=17>17</option>
								<option value=18>18</option>
								<option value=19>19</option>
								<option value=20>20</option> 
							</select>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
			<div class="btn-toolbar" id="left-toolbox" style="border-bottom:none;">
				<div class="btn-group">
					<table>
						<tr>
							<td style="text-align:left; border:0px;"><input type="checkbox" name="checkbox-1" id="checkGradChar" value="check1"><?=$this->lang->line('gradient_background');?></td>
							<td style="text-align:left; border:0px;"><select id="gradChar" style="margin-bottom:5px;width:130px;">
								<option value="l2r"><?=$this->lang->line('left_to_right');?></option>
								<option value="t2b"><?=$this->lang->line('top_to_bottom');?></option>
								<option value="topL"><?=$this->lang->line('right_to_bottom');?></option>
								<option value="upperR"><?=$this->lang->line('left_to_upper');?></option>
								</select></td>
						</tr>
						<tr>
							<td style="text-align:left; border:0px;"><input type="checkbox" name="checkbox-2" id="checkGradBack" value="check2"><?=$this->lang->line('gradient_character');?></td>
							<td style="text-align:left; border:0px;"><select id="gradBack" style="margin-bottom:5px;width:130px;">
								<option value="l2r"><?=$this->lang->line('left_to_right');?></option>
								<option value="t2b"><?=$this->lang->line('top_to_bottom');?></option>
								<option value="topL"><?=$this->lang->line('right_to_bottom');?></option>
								<option value="upperR"><?=$this->lang->line('left_to_upper');?></option>
								<option value=5><?=$this->lang->line('out_center');?></option>
							</select></td>
						</tr>
					</table> 
					
				</div>
			</div>
			</td>
		</tr> 
			<td>
			<div class="btn-toolbar" id="left-toolbox" style="border-bottom:none;">
				<div class="btn-group">
					<input type="checkbox" name="checkbox-3" id="checkTransChar" value="check3"><?=$this->lang->line('translucent_character');?>
				</div>
			</div>
			</td>
		</tr>
		<tr>
			<td>
			<div class="btn-toolbar" id="left-toolbox" style="border-bottom:none;">
				<div class="btn-group">
					<input type="button" id="btnRot" value="Rotation"> <?=$this->lang->line('value_rotation');?>
				</div>
			</div>
			</td>
		</tr>
		<tr>
			<td>
			<div class="btn-toolbar" id="left-toolbox" style="border-bottom:none;">
				<div class="btn-group">
					<input type="checkbox" name="checkbox-4" id="checkVert" value="check4"><?=$this->lang->line('vertical_writing');?>
				</div>
			</div>
			</td>
		</tr>
		<tr class="warning">
			<td colspan=2>
				<input type="button" class="ok-text-logo-button" value="<?=$this->lang->line('value_ok');?>" size="10px" />
				<input type="button" class="cancel-text-logo-button remove-pop" value="<?=$this->lang->line('value_cancel');?>" size="10px"/>
			</td>
		</tr>
	</table>
</div>